<template>
    <div class="weekend">
        <div class="title">周末去哪儿</div>
        <div class="mainBox" v-for='item in weekendList' :key='item.id'>
            <img :src="item.imgUrl" alt="">
            <div class="info">
                <h3>{{item.title}}</h3>
                <p>{{item.desc}}</p>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    props:{
        weekendList:Array
    }
}
</script>
<style lang="stylus" scoped>
    .weekend
        width 100%
        background #eee
        height 100px
        .title
            line-height .8rem
            text-indent .2rem
        .mainBox
            width 100%
            img 
                display block
                width 100%
            .info
                padding .2rem
                h3
                    font-size 0.3rem
                    line-height .4rem
                p
                    line-height .4rem
                    font-size .2rem
                    color #666666
                    white-space nowrap 
                    text-overflow ellipsis
</style>

